 //覆盖一些element-ui样式
.block-checkbox {
    display: block;
}
.phoneGroup{
    .el-checkbox{
        margin-left:0 !important;
        width:100%;
    }
}
.loginForm{
    .el-input__inner{
      padding-left:30px !important;
      height:36px !important;
    }
}


// // 设置左侧菜单栏 start
// .el-menu {
//     border: none;
//     height: 100%;
//     .dropItem{
//       padding: 0 20px !important;
//       border-bottom: 1px solid #eeeeee;
//       .svg-icon{
//         margin-right: 5px;
//       }
//     }
//     // .el-tooltip,
//     // .el-submenu__title{
//     //    padding: 0 20px !important;
//     // }
// }
// .el-submenu{
//   .svg-icon{
//     margin-right: 5px;
//   }
// }
// .el-submenu .el-menu-item:last-child{
//   background: #ffffff;
//   border-bottom: 1px solid #e1e1e1!important;
// }

// .el-menu--inline .el-submenu__title .el-submenu__title *{
//   padding-left: 20px;
// }
// 设置左侧菜单栏 end

.condition-container{
    .datetime {
        .el-input__inner{
            width:180px;
        }
    }
    .el-input__inner{
        width:141px;
    }
}
.irate{
    .el-icon-star-on{
      color:#67c23a !important;
    }
}
.operation-container {
  .cell {
    padding: 10px !important;
  }
  .el-button {
    &:nth-child(3) {
      margin-top: 10px;
      margin-left: 0px;
    }
    &:nth-child(4) {
      margin-top: 10px;
    }
  }
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 8px;
  }
}

.small-padding {
  .cell {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;
    .el-tag {
      margin-right: 0px;
    }
  }
}

//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}


//textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;
    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.top-menu{
  .el-badge__content{
    top: 12px !important;
  }
}
.li-badge{
    .one{
        .el-badge__content{
            background-color: #a9d86e;
        }
    }
    .three{
       .el-badge__content{
            background-color: #FCB322;
        }
    }
}

// 搜索区域
.search-form{
  width:100%;
  min-width:750px;
  .el-form-item{
      margin-bottom: 10px;
       .el-date-editor{
          width:166px;
          .el-input__inner{
              padding-right: 0;
          }
      }
  }
}
.fillcontain{

  .el-input__inner{
    // height:30px !important;
    line-height: 30px !important;
  }
}

// table样式重置


.el-table th{
    background-color: #f9f9f9!important;
    padding: 12px 0;
}
.el-table th>.cell{
  font-weight: normal!important;
  color: #333333!important;
}
.el-table .cell{
  white-space: nowrap!important;
  // overflow: hidden!important;
  text-overflow: ellipsis!important;
  // color: #666666!important;  2020-04-13修改  设置预警样式
  .el-tag {
    margin-right: 8px;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: block!important;
    border: none;
    background-color:transparent!important;
    padding: 0!important;
    color: #666666;
    font-size: 14px;;
  }
}
.el-table__body tr.current-row>td{
  background-color: #fff9f9!important;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #fff9f9!important;
}

// 系统设置模块  自动分配设置页面table红色th
.check_contain{
  .el-table th.is-leaf{
    background-color: #f76767!important;

  }
  .el-table th>.cell{
    color: #fff!important;
  }
}
// .el-table__fixed-right{
//   height: 100%!important;
// }


// tabs样式重置
// card
.el-tabs--card>.el-tabs__header{
  margin: 0px!important;
  border-bottom: none!important;
}
.el-tabs--card .el-tabs__content{
  border:1px solid #eeeeee!important;
  border-top: none;
  padding: 20px;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  border: none!important;
}

.el-tabs--card>.el-tabs__header .el-tabs__item{
   background-color: #f5f5f5!important;
   border:none!important;
  // border: 1px solid #e1e1e1!important;
  // border-bottom: none!important;
   border-top-left-radius:4px;
  border-top-right-radius:4px;
  margin-right: 2px!important;
  color: #666666;
  height: 32px;
  line-height: 32px;
  min-width: 120px;
  text-align: center;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{

  background-color: #f76767!important;
  color:#ffffff!important;
  border: 1px solid #f76767!important;
  // border-bottom:1px solid #ffffff!important;
}
.el-tabs__nav-wrap{
  margin-bottom: 0px!important;
}

.el-tabs__active-bar{
  background-color:#f76767!important;
  left: 20px!important;
}
.tabsGrade_children .el-tabs__item.is-active{
  color:#f76767!important;
  background-color: #ffffff;
}

.el-tabs__item:hover{
  color:#f76767!important;
  // cursor: not-allowed!important;
}

// 限制3s不能点击效果
.el-tabs__item.isdisabled:hover{
  columns: #666666!important;
  cursor: not-allowed!important;
}

.tabsGrade_children .el-tabs__item:hover{
  color:#f76767!important;
}


// border-card
.el-tabs--border-card{
  border: none!important;
  box-shadow: none!important;
}
  .el-tabs--border-card>.el-tabs__header{
    background-color:#f9f9f9!important;
    border-bottom: none!important;
    color: #666666;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
    color: #f76767!important;
    border-right-color: #f9f9f9f9!important;
    border-left-color: #f9f9f9f9!important;
    border-top: 2px solid #f76767!important;
    background-color: #ffffff!important;
  }
  .el-tabs--border-card>.el-tabs__header .el-tabs__item{
    margin-top: 0!important;
    transition:none!important;

  }
  .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item, .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{
    margin-left: 0!important;
  }
.infoPage {
  .el-tabs--card>.el-tabs__header .el-tabs__item:hover{
    cursor: not-allowed;
    color: #666666;
}
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
    color: #ffffff!important;
    background-color: #f76767!important;
    border-right-color: #f76767!important;
    border-left-color: #f76767!important;
  }
  .el-tabs--border-card>.el-tabs__header{
    background-color:#ffffff!important;
    border: 1px solid #eeeeee!important;
  }
}

  .el-tabs--border-card>.el-tabs__content{
    padding: 0 20px!important;
    border: none!important;
  }



// 重置线条tabs
// .tabsGrade_children .el-tabs__nav-wrap{
//   // background-color: #f9f9f9;
//   border-bottom: 1px solid #e1e1e1;
//   padding-left: 20px;
// }
.tabsGrade_children .infoPage .el-tabs__nav-wrap{
  padding-left: 0px!important;
}
.tabsGrade_children .el-tabs__nav-wrap::after{
  background-color: #ffffff!important;
}
.tabsLine {
  .el-tabs__header{
    border-bottom: 1px solid #eeeeee;
  }
  .el-tabs__content{
    border: none!important;
    padding: 0px!important;
  }
  .el-tabs__item.is-active{
    color: #f76767;
  }

}
.policyListPage{
  .tabsLine .el-tabs__header{
    border-bottom: none!important;
  }
}

.underwriting-base .el-tabs__nav{
  // padding: 0 20px;
}

.base-title .el-tabs__nav { //2020-03-27
      padding: 0 20px!important;
  }
  .base-title .el-tabs__item.is-active{
    color:#f76767!important;
  }
// tabs样式重置 end


// button样式重置
.el-button--primary{
  background: #68a3fc!important;
  border-color: #68a3fc!important;
  color: #FFF;
}

.el-button--primary.is-plain{
  background: #ffffff!important;
  border-color: #68a3fc!important;
  // color: #68a3fc!important;
}
.el-button--primary.is-active, .el-button--primary:active{
  background: #68a3fc!important;
  border-color: #68a3fc!important;
  color: #FFF;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: #83b4fd!important;
  border-color: #83b4fd!important;
  color: #FFF;
}
.el-button--primary.is-plain:hover{
  background: #68a3fc!important;
  border-color: #68a3fc!important;
  color: #FFF!important;
}

.el-button--danger{
  //background-color: #fff!important;
  //color: #f76767!important;
}
.el-button--danger:hover{
  background-color: #f76767!important;
  color: #fff!important;
}
.el-button--danger.is-plain{
  border-color:#f76767!important;
}

//重置下拉选项样式
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
  background-color: #fef0f0!important;
    color: #f76767!important;
}

// 查询条件 重置botton样式
.fastQuery_item{
  .el-button--small.isActive{
    color: #409eff!important;
    background: #ecf5ff!important;
    border-color: #b3d8ff!important;
  }
}

// 重置分页样式
.pagination{
  padding: 10px 20px;
  text-align: right;
}
.el-pager li{
  font-weight: normal;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: #ededed!important;
  color: #666666!important;
}
.el-pagination.is-background .el-pager li{
  background-color: #ffffff!important;
  border: 1px solid #e1e1e1!important;
  color: #999999!important;
}


// 重置表单样式
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
  margin-bottom: 15px!important;
}
.el-input__inner{
  // width: 200px!important;
  box-shadow: 2px 2px 5px #f5f5f5;
}

// 表单内红色文字
.inputColorRed{
  .el-input__inner{
    color: #f76767!important;
  }
}
//数字表单样式
.el-input-number--mini{
  width: 100%!important;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow{
  bottom: -5px;
}


// 重置弹窗样式
.el-dialog--center .el-dialog__header{
  text-align: left!important;
  border-bottom: 1px solid #e1e1e1!important;
}
.el-dialog--center .el-dialog__body{
    text-align: initial;
    padding: 20px 20px 30px!important;
}
.el-dialog--center .el-dialog__footer{
  background-color: #fafafa;
  padding: 15px!important;
  .el-button--primary:focus, .el-button--primary:hover{
    background-color: #f67777!important;
    border-color: #f67777!important;
  }
  .el-button--primary{
    background: #f76767 !important;
    border-color: #f76767 !important;
    color: #FFF;
  }
  .el-button--default:hover{
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
  }

}

// 重置Collapse 折叠面板样式
.el-collapse{
  border-top: none!important;
  // border-bottom: none!important;
}
.el-collapse-item__header{
  //  height: 36px!important;
  //  line-height: 36px!important;
  //  border-bottom: none!important;
   background-color: #fafafa!important;
   padding-left: 20px;
   color: #666!important;
}

// .el-collapse-item{
//   margin-bottom: 20px!important;
// }
// .el-collapse-item__wrap{
//   border-bottom: none!important;
// }
.el-collapse-item__content{
  padding: 10px 15px!important;
}


//重置 Tree 树形控件 样式
.el-tree-node__label{
  padding-left: 10px;
}
.el-tree .is-disabled{
  display: none!important;
}
.el-tree{
  // background-color: #f9f9f9!important;
  padding: 20px 10px;
}

// 重置单选按钮样式
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
  background-color: #f76767!important;
  border-color: #f76767!important;
  box-shadow: -1px 0 0 0 #f76767!important;
  color: #fff!important;
}
.el-radio-button__inner:hover{
  color: #f76767!important;
}
.el-radio-button--mini .el-radio-button__inner{
  padding: 7px 33px!important;
}





.leftShareList{
  width:200px;
}
.shareOther a{
  color:#000000;
}
.moreShareList{
  padding: 0;
  ul{
    width:100%;
    a{
      color:#000000;
      padding: 5px 10px;
      box-sizing: border-box;
    }
    a:hover{
      background: #e8e8e8;
    }
    li{
      display: flex;
      flex-direction: row;
      align-items: center;
      .svg-icon{
        margin-right: 10px;
      }
      span{
        line-height: 0;
      }
    }
  }
}

.qcodepopper{
  .wechat-area{
      align-items: center;
      .titles{
        font-size: 14px;
        background: #a9d86e;
        color:#fff;
        height: 30px;
        line-height: 30px;
        width:100px;
        text-align: center;
        border-radius: 20px;
      }
      img{
        width:100px;
        height:100px;
      }
  }
}
.yanshare{
  .shareUl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    li{
      display: flex;
      flex:1;
      justify-content: center;
      cursor: pointer;
    }
  }
}
.yanSharewx{
  padding: 10px 0;
  width:100px !important;
  .qrcodeArea{
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100px;
    margin: 0 auto;
    .saoTitle{
      font-size: 14px;
      color:#a9d86e;
      margin-bottom: 5px;
    }
  }
}



.salesPrice{
  span{
    font-weight: bold;
  }
}
.salesStatus{
  span{
     font-size: 12px;
     padding: 5px 10px;
     color:#fff;
     border-radius: 5px;
  }
}
.salesUsername{
   .cell{
     display: flex;
     align-items: center;
      .userImg{
        width: 40px;
        border-radius: 50%;
        margin-right: 10px;
      }
   }
}
.salesTable{
  .el-table{
    height:407px;
    max-height: 407px;
    overflow:hidden;
    border-radius: 6px;
  }
  th{
    background: #fff !important;
  }
}
.cardBody{
   .el-card__body{
     display: flex;
     flex-direction: column;
   }
}
.logContainer{
  .box-card{
    height: 100%;
    .el-card__body{
      padding: 10px 20px;
      height: 80%;
    }
    .item{
      border-bottom: 1px solid #e8e8e8;
      padding: 10px 0;
    }
  }
}
.tabContainer{
  .el-tabs--border-card{
    box-shadow:none;
  }
  .svg-icon{
    margin-right: 5px;
  }
}
.infoItem .el-menu,
.langItem .el-menu{
  min-width:120px !important;
  text-align: left;
  .el-menu-item{
    min-width:100%;
  }

}

.userinfo{
  .el-icon-arrow-down{
    display: none;
 }
}
.table_container{
  .el-table__body-wrapper{
    overflow: hidden;
  }
}


// 导航样式
.menu_top .router-link-active .el-menu-item{
  color: #8c8c8c !important;
  background-color: #e4e4e4 !important;
}
.right-nav .el-menu.el-menu--horizontal{
  border-bottom: none!important;
}
// .el-menu-item.is-active{
//   color: #8c8c8c !important;
//   background-color: #e4e4e4 !important;
// }
.menu_top .el-menu-item.is-active{
  background-color:transparent!important;
}
.menu_top .el-menu-item:hover{
  background-color: #ffffff!important;
  color: #f76767 !important;
}

.menu_top .el-submenu{
  background-color: #f5f5f5!important;
}
.menu_top .is-opened{
  .el-menu--inline .el-menu-item,.el-submenu__title{
    background-color: #fff!important;
  }

}

.menu_top .el-submenu.is-active{
  .svg-icon{
    color: #f76767 !important;
  }
}
.el-submenu .el-submenu__title{
  border-bottom: 1px solid #e1e1e1 !important;
}

.el-submenu.is-active .el-submenu__title{
  border-bottom:1px solid #e1e1e1 !important;

}
.menu_top .el-submenu.is-active .el-submenu__title span{
  // color: #f76767 !important;
}

.menu_top .el-menu-item.is-active .svg-icon{
  color: #f76767 !important;
}
.menu_top .el-menu-item.is-active p{
  color: #f76767 !important;
}

.menu_top .el-menu-item.is-active p{
  // color: #666666 !important;
  background-color:transparent!important;
}

// 导航样式end





.el-tag--plain.el-tag--info a{
  color: #999;
}

.menu_tag_list .el-tag{
  border-radius: 4px 4px 0 0 !important;
}

.menu_tag_list .el-tag--plain.el-tag--info .el-tag__close{
  // color: #f76767 !important;
  font-size: 16px!important;
  top:-5px;
  right: -10px;
}

.menu_tag_list .el-tag--plain.el-tag--info.isCurrent .el-tag__close{
  color: #f76767 !important;
  font-size: 16px!important;
  top:-5px;
  right: -10px;
}

.menu_tag_list .el-tag--plain.el-tag--info.isCurrent .el-tag__close:hover{
  background-color: #f76767!important;
  color: #ffffff!important;
}

.change-content .common_info .lableInfo{height: 32px;}

/**--------------------------------------**/


// 重置loading样式
.el-loading-mask{
  background-color: rgba(0,0,0,0.2)!important;
}

//重置日历样式

.el-calendar__header{
  display: none!important;
}
.el-calendar__body{
  // padding:0!important;
  padding: 12px 20px 15px!important;}
.el-calendar-table .el-calendar-day{
  // height: auto!important;
  height: 42px!important;
  text-align: center;
}
.el-calendar-table td{
  border: none!important;
}

.setday{
  .el-calendar__body{
    // padding:0!important;
    padding: 12px 20px 15px!important;
    .el-calendar-table thead th{
      background-color: #F7F9FA;
    }
  }
  .el-calendar-table .el-calendar-day{
    border: 1px solid #EBEFF0;
    padding: 15px 8px!important;
    text-align: left;
  }
  .el-calendar-table .el-calendar-day p{
    padding-bottom: 15px;
    font-size: 18px!important;
   }
}

// 重置单选复选框样式
.wordDay{
  .el-radio__input.is-checked .el-radio__inner{
    border-color: #F76868!important;
    background: #F76868!important;
  }
  .el-radio__inner::after{
    width: 8px!important;
    height: 8px!important;
  }
  .el-radio__input.is-checked+.el-radio__label{
    color: #666!important;
  }
}

.holiDay {
  .el-radio__input.is-checked .el-radio__inner{
    border-color: #68A3FC!important;
    background: #68A3FC!important;
  }
  .el-radio__inner::after{
    width: 8px!important;
    height: 8px!important;
  }
  .el-radio__input.is-checked+.el-radio__label{
    color: #666!important;
  }
}

.monthKnots{
  .el-checkbox__input.is-checked .el-checkbox__inner{
      border-color: #F9B248!important;
      background: #F9B248!important;
    }
    .el-checkbox__input.is-checked+.el-checkbox__label {
      color: #666!important;
  }
}

// 右边侧边栏操作按钮
  .el-tooltip__popper.is-dark{
    background: #f76767!important;
    color: #FFF!important;
  }
  .el-tooltip__popper[x-placement^=left] .popper__arrow{
    border-left-color:#f76767!important;
  }
  .el-tooltip__popper[x-placement^=left] .popper__arrow::after{
    border-left-color: #f76767!important;
  }


// 复写input/select disabled
//.el-input.is-disabled .el-input__inner{
//background-color: #fff !important;
//border-color: #DCDFE6 !important;
//color: #606266 !important;
//cursor: inherit !important;
//}
//.baseInfo {
//.el-input.is-disabled .el-input__inner{
//  background-color: #f5f7fa!important;
//  border-color: #e4e7ed!important;
//  color: #c0c4cc!important;
//  cursor: not-allowed!important;
//}
//
//}

// 复写lable字段行高
.lineH{
  .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label
  {
    line-height:normal;
  }
}

// 重置首页table宽度
.mianIndex_right_box .el-table__body{
  width: auto!important;
}

// 重置进度条（圆形）
.el-progress-circle{
  width: 160px!important;
  height: 160px!important;
}
.el-progress--circle{
  // margin: -18px!important;
  margin: -34px!important;
}
.el-progress-circle__track{
  stroke:#fff!important;
  opacity: 0!important;
}
.el-progress__text{
  font-size: 24px!important;
}
// 重置实时作业监控进度条
.task_con_list .task_num
  {
    .el-progress-bar__outer{
      border-radius:0!important;
      background-color:#fec0be!important;
      // width: 58.33333%;
    }

    .el-progress-bar__inner{
      border-radius:0!important;
    }
    .el-progress__text{
      font-size: 12px!important;
    }
    .el-progress-bar{
      padding-right: 0!important;
      margin-right:0!important;
      width: 58.33333%;
    }
  }

  .task_con_list .Zero .el-progress-bar__outer{
      background-color:#e1e1e1!important;
    }


    // 左侧边栏菜单样式 [Tooltip 文字提示(right)]
    .el-tooltip__popper[x-placement^=right] .popper__arrow{
      border-right-color:#f76767!important;
    }
    .el-tooltip__popper[x-placement^=right] .popper__arrow:after{
      border-right-color:#f76767!important;
    }
    .el-tooltip__popper.is-dark{
      span.isCheck{ color: #fff!important;}
    }

    // Tooltip 文字提示(top)
    .el-tooltip__popper[x-placement^=top] .popper__arrow{
      border-top-color:#f76767!important;
    }
    .el-tooltip__popper[x-placement^=top] .popper__arrow:after{
      border-top-color:#f76767!important;
    }


    // 重置文字提示样式
.el-tooltip__popper.is-light{
  border:1px solid #e1e1e1!important;
  color: #666666;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{
  border-top-color: #e1e1e1!important;
  background-color: none!important;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after{
  border-top-color: #e1e1e1!important;
  background-color: none!important;
}

 .el-table__header{ width: 100% !important; }
 .el-table__body{ width: 100% !important; }
 .el-table .cell.el-tooltip{ width: 100% !important; }
 .DialogLeft .el-dialog--center{text-align:left !important;}
 .el-dialog__body .el-input__inner{
     background: #e7faff !important;
 }
 .el-dialog__body .el-textarea__inner{
     background: #e7faff !important;
 }
 .editInput .el-input__inner{
     background: #e7faff !important;
 }
 .editInput .el-textarea__inner{
     background: #e7faff !important;
 }
 .el-input.is-disabled .el-input__inner{
     background: #F5F7FA !important;
     color:#606266!important;
 }
 .el-textarea.is-disabled .el-textarea__inner{
     background: #F5F7FA !important;
     color:#606266!important;
 }
.el-tooltip__popper{
    padding-left:20px !important;
    padding-right:20px !important;
}


//重置提示框
.el-message__closeBtn{
    color:#fff !important;
    font-size:20px !important;
}
.el-message__content{
    color:#fff !important;
}
.el-message__icon{
    color:#fff !important;
}
.el-message--warning{
    background-color:#ff9800 !important;
    border-color:#ff9800 !important;
    z-index: 9999!important;
}
.el-message--error{
    background-color:red !important;
    border-color:red !important;
    z-index: 9999!important;
}
.el-message--success{
    background-color:#67C23A !important;
    border-color:#67C23A !important;
    z-index: 9999!important;
}
//.el-message--error .el-message__content{
//  color:red !important;
//}
